﻿<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学了么</title>
    <!--    引入图标-->
    <!--    比特虫网站可以将图片转换为ico图标 放在根目录-->
    <!--<link rel="shortcut icon" href="favicon.ico"  type="image/x-icon"/>-->
    <!--    引入css初始化文件-->
    <link rel="stylesheet" href="static/css/normalize.css">
    <!--    基本结构-->
    <link rel="stylesheet" href="static/css/base.css">
    <link rel="stylesheet" type="text/css" href="static/css/index.css">

    <script src="static/js/jquery.min.js"></script>
    <!--使用低版本jQuery可以不调用jquery-migrate-1.2.1.min.js-->
    <!--<script src="js/jquery-migrate-1.2.1.min.js"></script>-->
    <script src="static/js/index.js"></script>
    <script type="text/javascript">
        // $(".wrap").tabs()
    </script>
</head>

<body>

<!--快速导航栏部分 start-->
<div class="shortcut">
    <div class="w">
        <div class="fl">
            <a href="#"><img src="static/images/logo.png" alt="学了么" height="74px"></a>
        </div>
        <ul class="fr">
            <li><a href="#">问答社区&nbsp;<i></i></a></li>
            <li><a href="#">我的课堂</a></li>
            <li><a href="#">资源中心</a></li>
            <li><a href="#">消息通知</a></li>
            <li><a href="#">用户手册</a></li>
            <li>
                <a href="static/html/user_center.html"><img src="static/images/user.png" alt="个人中心"></a>
            </li>
        </ul>
    </div>
</div>
<!--快速导航栏部分 end-->

<!--中间部分信息 start-->
<div class="middle">
    <div class="info">
        <img src="static/images/classset-01.png" alt="" height="80px">
        <p class="teacher-username" id="user_name">学了么用户</p>
        <p class="college" id="user_school"></p>
        <p class="title" id="user_academic"></p>
        <ul id="teacher_ctrl">
            <li>课堂<span>0</span></li>
            <li>学生<span>0</span></li>
            <li>题目<span>0</span></li>
            <li>组卷<span>0</span></li>
        </ul>
    </div>
</div>
<!--中间部分信息 end-->

<!-- 创建课程部分 start -->
<div class="wrap">
    <!-- 课程标题内容 -->
    <div class="wrap-top">
        <div class="tab-left">左滑</div>
        <div class="tab-right">右滑</div>
        <div class="cont-tab">
            <div class="cont-scroll">
             <a href="static/html/course.html">
                    <li>
                        <div class="box">
                            <img src="static/images/classset-02.png" width="250px">
                            <div class="desc">
                                <span class="class-name">HTML</span>
<!--                                <br/>-->
                                <p class="class-time">2019-10</p>
                            </div>
                        </div>
                        <a href="javascript:void(0)">X</a>
                        <div class="line"></div>
                    </li>
                 </a>
            </div>
        </div>
    </div>

    <!-- 添加课程图标-->
    <div class="Add">
        <span></span>
        <div class="memu">
            <li class="add-cont">添加课程</li>
            <li class="del-cont">删除全部</li>
        </div>
    </div>

    <!-- 全屏添加课程遮罩 -->
    <div class="full" id="add_class_model">
        <div class="full-wrap">
            <div class="full-top"><img src="static/images/add.png">创建课程<span>X</span></div>
            <!-- 添加选项卡内容 -->
            <div class="full-content">
                <div class="full-inp">
                    <span>课程名：</span>
                    <input class="add-name" type="" name="" placeholder="请添加课程名">
                </div>
                <div class="full-inp">
                    <span>开课时间：</span>
                    <input class="add-month" type="month"/>
<!--                    <textarea placeholder="请选择开课时间"></textarea>-->
                </div>
                <div class="full-inp">
                    <botton>确 认</botton>
                </div>
            </div>
        </div>
    </div>

    <!-- 全屏修改内容遮罩 -->
     <div class="full-modify">
        <div class="full-wrap">
            <div class="full-top"><img src="static/images/modify.png">修改内容<span>X</span></div>

            <!-- 添加选项卡内容 -->
            <div class="full-content">
                <div class="full-modi">
                    <span>修改课程名：</span>
                    <input class="add-name" type="" name="" placeholder="">
                </div>
                <div class="full-modi">
                    <span>修改开课时间：</span>
                    <input class="add-month" type="month"/>
                </div>
                <div class="full-modi">
                    <botton>确认</botton>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 创建课程部分 end -->

</body>


</html>
